<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>第五大道奢侈品</title>

    <!-- Bootstrap -->

    <link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/lib/require.js" data-main="./js/index_main"></script>


    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/lib/html5shiv/html5shiv.min.js"></script>

    <script src="js/lib/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <div class="img text-center">
        <a href="#"><img src="img/header-img.jpg" alt="" style="width:100%;height:80px"></a>
    </div>
    <div class="hwrapper">
        <div class="center" style="padding: 10px 0 10px 50px;">
            <div class="left">

                <img src="img/home2.png" alt="" style="width: 15px;height: 15px;">
                <span><a href="#">第五大道首页</a></span>
                <img src="img/phone.png" alt="" style="width: 15px;height: 15px;margin-left: 10px">
                <span><a href="#">贵宾专线：4008-6767-38</a></span>

            </div>
            <div class="right" >

                <dl><dt><a href="login.html" class="login">登录</a><i></i></dt></dl>
                <dl><dt><a href="#" class="register"><img src="img/youli.gif" alt="" style="height:22px;display: inline-block;padding-bottom: 5px"> 注册</a><i></i></dt></dl>
                <dl class="block">
                    <dt><a href="#">我的第五大道</a><i></i></dt>
                    <dd style="display: none">
                        <ul>
                            <li  class="act">我的订单</li>
                            <li>我的收藏</li>
                            <li>已购商品</li>
                            <li>我的礼券</li>
                            <li>我的积分</li>
                        </ul>
                    </dd>
                </dl>
                <dl><dt><a href="#">帮助中心</a><i></i></dt></dl>
                <dl><dt><a href="#">手机版下载</a><b ><img src="img/qrcode.png" alt="" style="width: 15px;height: 15px;margin-left: 5px;margin-top: -2px"></b></dt></dl>

            </div>
        </div>
    </div>
</header>
<div class="mwrapper">
    <div class="mid">
        <div class="log"><a href="#"><img src="img/logo.jpg" alt="" style="margin-left: 40px"></a></div>
        <div class="ad"><a href="#"><img src="img/yijian.jpg" alt=""></a></div>
        <div class="search">
            <form action="">
                <input type="" placeholder="太阳镜" style="width:220px;height:40px;margin-top: 2px;border:2px solid peru"/><button style="width:80px;height:40px;background: peru;border: peru">搜索</button>
            </form>
            <ul style="float: left;width:400px" >
                <li><a href="#">连衣裙</a></li>
                <li><a href="#">美妆</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">箱包</a></li>
                <li><a href="#">配饰</a></li>
                <li><a href="#">腕表</a></li>
            </ul>
        </div>
        <div class="cart">
            <div class="images"><a href="#"><img src="img/header-right.jpg" alt=""></a></div>
            <div class="carts">
               <dl>
                   <dt><img src="img/v30cart.png" alt=""><span>(<i>0</i>)</span></dt>
                   <dd>
                       <ul>
                           <li>
                               <p>
                                   购物袋暂时没有商品，
                                   <br>
                                   赶紧选择心爱的商品吧！
                               </p>
                           </li>
                       </ul>
                   </dd>
               </dl>
            </div>
        </div>
    </div>
</div>
<div class="nwrapper">
    <div class="nav">
        <ul>
            <li class="current">
                <a href="#">商品分类</a>
                <div class="pp">
                    <ul>
                        <li><a href="#">推荐品牌</a></li>
                        <li><a href="#">箱包</a></li>
                        <li><a href="#">美妆</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">腕表</a></li>
                        <li><a href="#">配饰</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">母婴</a></li>
                        <li><a href="#">美酒</a></li>
                        <li><a href="#">美食</a></li>
                        <li><a href="#">家居</a></li>
                        <li><a href="#">电子</a></li>
                        <li><a href="#">办公</a></li>
                        <li><a href="#">礼品</a></li>
                        <li><a href="#">海外馆</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">最新</a></li>
            <li><a href="#">女士</a></li>
            <li><a href="#">男士</a></li>
            <li><a href="#">生活馆</a></li>
            <li><a href="#">海外馆</a></li>
            <li><a href="#">时尚</a></li>
            <li><a href="#">特惠</a></li>
            <li><a href="#">礼品区</a></li>
            <li><a href="#">到店</a></li>
        </ul>
    </div>
</div>
<div class="banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
            <li data-target="#carousel-example-generic" data-slide-to="5"></li>
            <li data-target="#carousel-example-generic" data-slide-to="6"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <!--<img src="img/banner-1.jpg" alt="...">-->
            </div>
            <div class="item">
                <!--<img src="img/banner-2.jpg" alt="...">-->
            </div>
            <div class="item">
                <!--<img src="img/banner-3.jpg" alt="...">-->
            </div>
            <div class="item">
                <!--<img src="img/banner-4.jpg" alt="...">-->
            </div>
            <div class="item">
                <!--<img src="img/banner-5.jpg" alt="...">-->
            </div>
            <div class="item">
                <!--<img src="img/banner-6.jpg" alt="...">-->
            </div>
            <div class="item">
                <!--<img src="img/banner-7.jpg" alt="...">-->
            </div>

        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="mainwrap">
    <div class="main">
        <div class="titleF">
            <img src="img/mainx_brandship.png" alt="">
        </div>
        <div class="centers">
            <ul>
                <li>
                    <a href="#">
                    <img src="img/center_1.1.jpg" alt="">
                        <div class="ship">
                            <div class="hider">
                                <img src="img/hide_1.1.png" alt="">
                                <p><span class="line"></span></p>
                                <p>Michael Kors/MK</p>
                                <p>迈克.柯尔</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/center_1.2.jpg" alt="">
                        <div class="ship">
                            <div class="hider">
                                <img src="img/hide_1.2.png" alt="">
                                <p><span class="line"></span></p>
                                <p>Parker</p>
                                <p>派克</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/center_1.3.jpg" alt="">
                        <div class="ship">
                            <div class="hider">
                                <img src="img/hide_1.3.png" alt="">
                                <p><span class="line"></span></p>
                                <p>迈克.柯尔</p>
                                <p>宝格丽</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/center_1.4.png" alt="">
                        <div class="ship">
                            <div class="hider">
                                <img src="img/hide_1.4.png" alt="">
                                <p><span class="line"></span></p>
                                <p>Swarovski </p>
                                <p>施华洛世奇</p>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="img/center_1.5.jpg" alt="">
                        <div class="ship">
                            <div class="hider">
                                <img src="img/hide_1.5.png" alt="">
                                <p><span class="line"></span></p>
                                <p>Alexander McQueen</p>
                                <p>亚历山大.麦昆</p>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="titleS">
            <img src="img/hotstore_t.jpg" alt="">
            <div class="rig">
                <a href="#"><span></span></a>
                <a href="#"><span></span></a>
            </div>
        </div>
        <div class="centerT">
            <ul class="hotflag">
                <li>
                    <div class="show">
                        <img src="img/hide_1.1.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>迈克.柯尔</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.2.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>派克</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.3.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>宝格丽</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.4.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>施华洛世奇</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.5.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>亚历山大.麦昆</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.6.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>普拉达</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.7.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>宝玑</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.8.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>雷达</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.9.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>维多利亚的秘密</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.10.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>橘滋</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.11.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>卡地亚</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.12.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>兰蔻</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.13.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>珑骧</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
                <li>
                    <div class="show">
                        <img src="img/hide_1.14.png" alt="">

                    </div>
                    <div class="hideO">
                        <a href="#">
                            <p>蒂芙尼</p>
                            <span></span>
                        </a>
                    </div>
                    <div class="topline"></div>
                    <div class="rightline"></div>
                    <div class="bottomline"></div>
                    <div class="leftline"></div>
                </li>
            </ul>
        </div>
        <div class="titleSec">
            <img src="img/titleSe.jpg" alt="">
        </div>
        <div class="centerSec">
            <ul >
                <li><a href="#"><img src="img/main_se1.jpg" alt=""><i></i></a></li>
                <li><a href="#"><img src="img/mainse2.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/mainse3.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/mainse4.jpg" alt=""></a></li>
            </ul>
        </div>
        <div class="titleFour">
            <img src="img/titleTh.jpg" alt="">
        </div>
        <div class="link">
           <ul>
               <li class="active">热卖产品</li>
               <li>新品推荐</li>
               <li>生活方式</li>
           </ul>
       </div>
        <div class="centerTh">
            <ul>
                <div class=" mains current">
                    <div class="goodsLeft">
                        <a href="#"><img src="img/main_th1.jpg" alt=""></a>
                    </div>
                    <div class="goodsRight">
                      <div class="goodsTop">
                          <div class="top1">
                            <div class="text1">
                                <p>Marcelo Burlon</p>
                                <p>￥ 13345</p>
                            </div>
                              <div class="is1">
                                  <a href="detail.html">
                                      <img src="img/main_top1.jpg" alt="">
                                  </a>
                              </div>
                          </div>
                          <div class="top2">
                             <div class="text2">
                                 <p>Rag & Bone</p>
                                 <p>瑞格布恩 </p>
                                 <p>￥ 3658</p>
                             </div>
                              <div class="is2">
                                  <a href="#">
                                      <img src="img/main_top2.jpg" alt="">
                                  </a>
                              </div>
                          </div>
                          <div class="top1">
                              <div class="text1">
                                  <p>ALEXANDRE VAUTHIER</p>
                                  <p>￥ 9895</p>
                              </div>
                              <div class="is1">
                                  <a href="#">
                                      <img src="img/main_top3.jpg" alt="">
                                  </a>
                              </div>
                          </div>
                      </div>
                        <div class="goodsBottom">
                            <ul>
                                <li>
                                    <div class="txt">
                                        <p>Gianvito Rossi</p>
                                        <p>吉安维托-罗西</p>
                                        <p>￥ 9587</p>
                                    </div>
                                    <a href="#"><img src="img/main_bottom1.jpg" alt=""></a>
                                </li>
                                <li>
                                    <div class="txt">
                                        <p>Pandora</p>
                                        <p>潘多拉</p>
                                        <p>￥ 1188</p>
                                    </div>
                                    <a href="#"><img src="img/main_bottom2.jpg" alt=""></a>
                                </li>
                                <li>
                                    <div class="txt">
                                        <p>Swarovski</p>
                                        <p>施华洛世奇</p>
                                        <p>￥ 687</p>
                                    </div>
                                    <a href="#"><img src="img/main_bottom3.jpg" alt=""></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="mains" >
                    <div class="goodsLeft">
                        <a href="#"><img src="img/list2_left.jpg" alt=""></a>
                    </div>
                    <div class="goodsRight">
                        <div class="goodsTop">
                            <div class="top1">
                                <div class="text1">
                                    <p>Saint Laurent</p>
                                    <p>圣罗兰</p>
                                    <p>￥ 2927</p>
                                </div>
                                <div class="is1">
                                    <a href="#">
                                        <img src="img/list2.1.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="top2">
                                <div class="text2">
                                    <p>Burberry</p>
                                    <p>巴宝莉 </p>
                                    <p>￥ 9933</p>
                                </div>
                                <div class="is2">
                                    <a href="#">
                                        <img src="img/list2.2.jpg" alt="">
                                    </a>
                                </div>
                            </div>
                            <div class="top1">
                                <div class="text1">
                                    <p>Balenciaga</p>
                                    <p>巴黎世家</p>
                                    <p>￥ 7022</p>
                                </div>
                                <div class="is1">
                                    <a href="#">
                                        <img src="img/list2.3.1.jpeg" alt="" style="margin-top: 25px">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="goodsBottom">
                            <ul>
                                <li>
                                    <div class="txt">
                                        <p>Golden Goose</p>
                                        <p>￥ 3812</p>
                                    </div>
                                    <a href="#"><img src="img/list2.4.jpg" alt="" ></a>
                                </li>
                                <li>
                                    <div class="txt">
                                        <p>Alexander Wang</p>
                                        <p>亚历山大.王</p>
                                        <p>￥ 7316</p>
                                    </div>
                                    <a href="#"><img src="img/list2.5.jpg" alt="" style="height:200px;top:100px"></a>
                                </li>
                                <li>
                                    <div class="txt">
                                        <p>SIRO</p>
                                        <p>￥ 3042</p>
                                    </div>
                                    <a href="#"><img src="img/list2.6.jpg" alt="" style="height:200px;top:80px"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="mains" >
                    <div class="imgsleft">
                     <div class="Img">
                         <dl>
                             <dd><a href="#"><img src="img/imgleft.jpg" alt=""></a></dd>
                             <dt class="op1">
                                 <a href="#">
                                     <ul>
                                         <li>明星生活款</li>
                                         <li>E.Guigal吉佳乐世家</li>
                                         <li><b></b></li>
                                         <li><p>Guigal Condrieu La Dorianne 吉佳乐世家多瑞安干白葡萄酒</p></li>
                                     </ul>
                                     </a>
                             </dt>
                         </dl>
                     </div>
                    </div>
                    <div class="imgscenter">
                    <div class="igcenter">
                        <ul>
                            <li>
                                <dl>
                                    <dd> <a href="#"><img src="img/imgscenter1.jpg" alt=""></a></dd>
                                    <dt class="op2">
                                        <a href="#">
                                            <ul>
                                                <li>生活方式</li>
                                                <li>Rosendahl 欧森丹尔</li>
                                                <li><b></b></li>
                                                <li><p>动物木偶 小号木质猴子</p></li>
                                            </ul>
                                        </a>
                                    </dt>
                                </dl>

                            </li>
                            <li>
                                <dl>
                                    <dd> <a href="#"><img src="img/imgscenter2.jpg" alt=""></a></dd>
                                    <dt class="op2">
                                        <a href="#">
                                            <ul>
                                                <li>生活方式</li>
                                                <li>Rosendahl 欧森丹尔</li>
                                                <li><b></b></li>
                                                <li><p>Snack Bowls 玻璃碗4件套</p></li>
                                            </ul>
                                        </a>
                                    </dt>
                                </dl>

                            </li>
                        </ul>
                    </div>
                    </div>
                    <div class="imgsright">
                        <div class="igright">
                            <ul>
                                <li>
                                    <dl>
                                        <dd> <a href="#"><img src="img/imgsright1.jpg" alt=""></a></dd>
                                        <dt class="op2">
                                            <a href="#">
                                                <ul style="width:262px;">
                                                    <li>明星生活款</li>
                                                    <li>E.Guigal吉佳乐世家</li>
                                                    <li><b></b></li>
                                                    <li><p>土耳基褐色山丘露迪山麓法定产区干红葡萄酒 </p></li>
                                                </ul>
                                            </a>
                                        </dt>
                                    </dl>

                                </li>
                                <li>
                                    <dl>
                                        <dd> <a href="#"><img src="img/imgsright2.jpg" alt=""></a></dd>
                                        <dt class="op2">
                                            <a href="#">
                                                <ul style="width:262px;">
                                                    <li>生活方式</li>
                                                    <li>Holmegaard</li>
                                                    <li><b></b></li>
                                                    <li><p>透明玻璃灯笼烛台</p></li>
                                                </ul>
                                            </a>
                                        </dt>
                                    </dl>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
        <div class="titleFiv">
            <img src="img/titleFive.jpg" alt="">
        </div>
        <div class="centerFive">
            <div class="topfive">
                    <div class="first">
                    <a href="#"> <img src="img/imgfive1.jpg" alt=""></a>
                    </div>
                    <div class="second">
                        <a href="#"> <img src="img/imgfive2.jpg" alt=""></a>
                    </div>
                    <div class="third">
                        <a href="#"> <img src="img/imgfive3.jpg" alt=""></a>
                    </div>
            </div>
            <div class="middlefive">
                <div class="first">
                    <a href="#"> <img src="img/imgfive4.jpg" alt=""></a>
                </div>
                <div class="second">
                    <a href="#"> <img src="img/imgfive5.jpg" alt=""></a>
                </div>
                <div class="third">
                    <a href="#"> <img src="img/imgfive6.jpg" alt=""></a>
                </div>
            </div>
            <div class="bottomfive">
                <div class="left">
                    <div class="propic"><a href="#"><img src="img/imgfive7.jpg" alt=""></a></div>
                    <div class="propic"><a href="#"><img src="img/imgfive8.jpg" alt=""></a></div>
                    <div class="propic"><a href="#"><img src="img/imgfive9.jpg" alt=""></a></div>
                    <div class="propic"><a href="#"><img src="img/imgfive10.jpg" alt=""></a></div>
                    <div class="propic"><a href="#"><img src="img/imgfive11.jpg" alt=""></a></div>
                    <div class="propic"><a href="#"><img src="img/imgfive12.jpg" alt=""></a></div>

                    <div class="topline1"></div>
                    <div class="rightline1"></div>
                    <div class="bottomline1"></div>
                    <div class="leftline1"></div>

                </div>

                <div class="right">
                    <a href="#"><img src="img/imgfive13.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="fwrapper">
    <div class="footer">
        <div class="ftop">
            <ul>
                <li><a href="#"><img src="img/ftop-1.jpg" alt=""></a>
                    <p>正品保障</p>
                    <p>品牌授权，官方验真</p>
                </li>
                <li><a href="#"><img src="img/ftop-2.jpg" alt=""></a>
                    <p>专柜发货</p>
                    <p>专柜直接或到店自取</p>
                </li>
                <li><a href="#"><img src="img/ftop-3.jpg" alt=""></a>
                    <p>无忧售后</p>
                    <p>7天无理由退换货</p>
                </li>
                <li><a href="#"><img src="img/ftop-4.jpg" alt=""></a>
                    <p>VIP服务</p>
                    <p>享品牌会员售前售后服务</p>
                </li>
                <li><a href="#"><img src="img/ftop-5.jpg" alt=""></a>
                    <p>权威荣誉</p>
                    <p>商务部授予诚信示范企业</p>
                </li>
            </ul>
        </div>
        <div class="fcenter">
            <dl>
                <dt >服务保障</dt>
                <dd><a href="#">品牌授权正品</a></dd>
                <dd><a href="#">品牌客服</a></dd>
                <dd><a href="#">预约到店体验</a></dd>
                <dd><a href="#">7天无理由退换</a></dd>
            </dl>
            <dl>
                <dt>使用帮助</dt>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">会员制度</a></dd>
                <dd><a href="#">集团采购</a></dd>
                <dd><a href="#">礼品卡</a></dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="#">到店付款</a></dd>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">余额支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#">配送说明</a></dd>
                <dd><a href="#">专柜自提</a></dd>
                <dd><a href="#">运费说明</a></dd>
                <dd><a href="#">验货签收</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">品牌售后</a></dd>
                <dd><a href="#">售后咨询</a></dd>
                <dd><a href="#">退换政策</a></dd>
                <dd><a href="#">发票保障</a></dd>
            </dl>

            <dl>
                <dt>第五大道APP</dt>
                <a href="#"><img src="img/fcode-1.jpg" alt=""></a>
            </dl>


            <dl>
                <dt>第五大道微博</dt>
                <a href="#"><img src="img/fcode-2.jpg" alt=""></a>
            </dl>



        </div>
    </div>
        <div class="wrap">
            <div class="fbottom">
                <div class="top" >

                    <a href="#">美妆  |</a>
                    <a href="#">服饰  |</a>
                    <a href="#">腕表  |</a>
                    <a href="#">配饰  |</a>
                    <a href="#">鞋靴  |</a>
                    <a href="#">特惠  |</a>
                    <a href="#">礼品区</a>
                </div>
                <div class="middle">
                    <a href="#">关于第五大道  |</a>
                    <a href="#">网站地图  |</a>
                    <a href="#">品牌合作专区  |</a>
                    <a href="#">媒体聚焦  |</a>
                    <a href="#">商务合作  |</a>
                    <a href="#">商家合作  |</a>
                    <a href="#">加入第五大道  |</a>
                    <a href="#">友情链接  |</a>
                    <a href="#">奢尚志  |</a>
                    <a href="#">联系我们  |</a>
                    <a href="#">投诉建议</a>
                    <p>Copyright © 2008-2016 瑞美嘉信国际信息技术（北京）有限公司&nbsp; 版权所有京ICP备09012701号-1
                        京公网安备110105007400号 食品经营许可证号：
                    </p>
                </div>
                <div class="bottom">
                    <a href="#"><img src="img/fbottom-1.jpg" alt=""></a>
                    <a href="#"><img src="img/fbottom-2.jpg" alt=""></a>
                    <a href="#"><img src="img/fbottom-3.jpg" alt=""></a>

                </div>
            </div>
        </div>

</div>
<div class="slidebar">
    <ul>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    </ul>
</div>


<!--&lt;!&ndash; jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) &ndash;&gt;-->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!--&lt;!&ndash; 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 &ndash;&gt;-->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>













</body>
</html>